
// 负责管理所有的自定义指令
export const imagerror = {
// 指令对象  会在当前的 dom 元素插入到节点之后执行
//  options  指令中变量的解释   有一个属性叫 value
  inserted (dom, options) {
    // dom 表示当前指令作用的dom对象
    // dom此时认为就是图片

    // 初始化的时候，如果有值 赋值 如果没值 则进行默认值赋值
    dom.src = dom.src || options.value

    // 当图片有地址 但没加载成功时 会报错 触发图片的一个事件 =>onerror
    dom.onerror = function () {
      // dom 可以注册error事件
      // 当图片出现异常时  会把指令配置的默认图片设置为该图片
      // 默认图片不能写死
      dom.src = options.value
    }
  },
  // 该函数和 inserted 一样也是一个钩子函数
  componentUpdated (dom, options) {
    // 该钩子函数会在当前指令作用的组件  更新数据完毕后 执行
    //  inserted 只会执行一次
    dom.src = dom.src || options.value
  }
}
